<template>
  <div class="history">
    <div class="f-title">
      <van-nav-bar
        title="历史反馈"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>

    <ul>
        <li v-for="item in localArr" :key="item.feedbackPhone">
            <div class="h-img"></div>
            <div class="h-text">
                <p>{{item.feedbackType}}</p>
                <span>{{item.feedbackText}}</span>
            </div>
            <div>{{item.feedbackTime}}</div>
        </li>
    </ul>

  </div>
</template>

<script>
export default {
    data() {
        return {
            localArr:[]
        }
    },
    methods: {
        onClickLeft() {
            this.$router.back()
        }
    },
    created() {
        let str = localStorage.getItem("loca");
        console.log('str==>',str);
        this.localArr = JSON.parse(str)
        // console.log(this.localArr);
    }
}
</script>

<style lang="less" scoped>

    .history {
        height: 100vh;
        box-sizing: border-box;
        background-color: #f5f5f5;
        padding: 38px 0;

        .f-title {
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
        }

        ul {

            li {
                width: 100%;
                height: 80px;
                padding: 10px;
                display: flex;
                background-color: #fafafa;
                margin-bottom: 5px;

                .h-img {
                    width: 60px;
                    height: 60px;
                    background-color: green;
                    background-image: url('@/assets//home/tou.png');
                    background-size: cover;
                }

                .h-text {
                    flex: 1;
                    padding: 5px 20px;

                    p {
                        font-size: 15px;
                        font-weight: 600;
                        padding: 5px;
                    }

                    span {
                        font-size: 12px;
                        color: rgb(161, 161, 161);
                    }
                }
            }
        }
    }

   /deep/ .van-nav-bar__content {
  height: 38px;
  border-bottom: 2px solid #ddd;
}

/deep/ .van-nav-bar__text,
/deep/.van-nav-bar__title {
  color: #d50000;
}
/deep/.van-nav-bar__text {
  font-size: 12px;
}

/deep/ .van-cell {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 10px;
}

/deep/ .van-nav-bar .van-icon {
  color: #ddd;
}
</style>